<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <!doctype html>
    <html lang="en" class="no-js">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title></title>
        <link rel="stylesheet" href="layui/css/layui.css">
        <link rel="stylesheet" href="css/newslist.css">
        <link rel="stylesheet" href="css/swiper.min.css">

    </head>

<body>
    <!-- 导入顶部导航---start -->
    <%@ include file="head.jsp" %>
    <!-- 导入顶部导航---end -->

    <div class="layui-container">
		
        <div class="layui-row layui-col-space30">
               
            <div class="layui-col-md10 layui-col-lg10 layui-col-sm10 layui-col-sm10">
                
                <div class="xinwen_head ">
                    <blockquote class="layui-elem-quote ">
                        <h2>作品详情</h2>
                    </blockquote>
                    <hr>
                    <div class="xinwen_body">
                    <div class="layui-row layui-col-space30">
                           
                            <div class="layui-col-lg6 layui-col-md6">
                            	 <p class="user_info"><i class="layui-icon layui-icon-file-b work_tit"> 作品名称：</i><span class="user_txt">${workcontant.worksname }</span></p>
                                 <p class="user_info"><i class="layui-icon layui-icon-util work_tit"> 担任角色：</i><span class="user_txt">${workcontant.bear }</span></p>
                                 <p class="user_info"><i class="layui-icon layui-icon-date work_tit"> 开始时间：</i><span class="user_txt">${workcontant.startime }</span></p>
                                 
                                 
                                 <p class="user_info"><i class="layui-icon layui-icon-log work_tit"> 结束时间：</i><span class="user_txt">${workcontant.endtime }</span></p>
                                 <p class="user_info"><i class="layui-icon layui-icon-rate-solid work_tit"> 突出贡献：</i><span class="user_txt">${workcontant.contribution }</span></p>
                              	 
                              	
                            </div>
                            <div class="layui-col-lg6 layui-col-md6">
                                <img src="../upload1/${workcontant.photopath }" style="width:100%;">
                            </div>
                            <div class="layui-col-lg12 layui-col-md12"><p class="user_info"><i class="layui-icon layui-icon-date work_tit"> 作品描述：</i><span class="user_txt">${workcontant.worksummary }</span></p></div>
                            
                        </div>
                        <hr>
                        <article>
                            <header class="work_header">
                                <p class="art_title">作品详细介绍:</p>
                            </header>
                            ${workcontant.worksdetails }
                            <footer class="art_footer">

                                <span class="art_tip">@高校人才资源管理平台</span>
                            </footer>

                        </article>
                    </div>
                </div>
            </div>
        	 <div class="layui-col-md2 layui-col-lg2 layui-col-sm2 layui-col-sm2">
                <div class="content-wrapper">
                    <div class="tuijianbox layui-card">
                        <div class="tuijian_head layui-card-header">优秀作品</div>
                        <div class="tuijian_body layui-card-body">

                            <div class="box_newsphoto"><img src="img/wz3.png" class="newsphoto"></div>
                            <a href=""><span class="newstext">《关于城市化进程中的“城中村”社区文化建设的现状与发》</span></a>
                            <p class="news_zan"><i class="layui-icon">&#xe6c6;</i>234 &nbsp;<i
                                    class="layui-icon">&#xe600;</i>121 </p>

                        </div>
                        <hr>
                        <div class="tuijian_body layui-card-body">

                            <div class="box_newsphoto"><img src="img/wz1.png" class="newsphoto"></div>
                            <a href=""><span class="newstext">《建筑物等电位联接施工常见质量问题》</span></a>
                            <p class="news_zan"><i class="layui-icon">&#xe6c6;</i>234 &nbsp;<i
                                    class="layui-icon">&#xe600;</i>121 </p>
                        </div>
                        <hr>
                        <div class="tuijian_body layui-card-body">

                            <div class="box_newsphoto"><img src="img/wz2.png" class="newsphoto"></div>
                            <a href=""><span class="newstext">《电动静液作动器力纷争现象的建模》</span></a>
                            <p class="news_zan"><i class="layui-icon">&#xe6c6;</i>234 &nbsp;<i
                                    class="layui-icon">&#xe600;</i>121 </p>
                        </div>
                        <hr>
                        <div class="layui_card-footer">
                            <a style="float: right" href="article.jsp" class="news_more">更多&nbsp;></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- 导入网页页脚---start -->
	<%@ include file="foot.jsp" %>
	<!-- 导入网页页脚---end -->

    <script src="js/swiper.min.js"></script>

    <!-- Initialize Swiper -->
    <script>
        var swiper = new Swiper('.swiper-container', {
            speed: 600,
            parallax: true,
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
    </script>
    <script src="layui/layui.js"></script>
    <script>
        layui.use('element', function () {
            var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

            //监听导航点击
            element.on('nav(demo)', function (elem) {
                //console.log(elem)
                layer.msg(elem.text());
            });
        });
    </script>
    <script src="js/jquery-3.3.1.min.js"></script>

</body>

</html>
